<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            width: 1011px;
            height: 209px;
            background: url("images/_0037_图层 1.jpg") 0 0 no-repeat;
            animation: 2s move ease-in-out infinite normal;
        }

        @keyframes move {
            0% {
                background: url("images/_0036_图层 2.jpg") 0 0 no-repeat;
            }
            2.6% {
                background: url("images/_0035_图层 3.jpg") 0 0 no-repeat;
            }
            5.2% {
                background: url("images/_0034_图层 4.jpg") 0 0 no-repeat;
            }
            7.8% {
                background: url("images/_0033_图层 5.jpg") 0 0 no-repeat;
            }
            10.4% {
                background: url("images/_0032_图层 6.jpg") 0 0 no-repeat;
            }
            13% {
                background: url("images/_0031_图层 7.jpg") 0 0 no-repeat;
            }
            15.6% {
                background: url("images/_0030_图层 8.jpg") 0 0 no-repeat;
            }
            18.2% {
                background: url("images/_0029_图层 9.jpg") 0 0 no-repeat;
            }
            20.8% {
                background: url("images/_0028_图层 10.jpg") 0 0 no-repeat;
            }
            23.4% {
                background: url("images/_0027_图层 11.jpg") 0 0 no-repeat;
            }
            26% {
                background: url("images/_0026_图层 12.jpg") 0 0 no-repeat;
            }
            28.6% {
                background: url("images/_0025_图层 13.jpg") 0 0 no-repeat;
            }
            31.2% {
                background: url("images/_0024_图层 14.jpg") 0 0 no-repeat;
            }
            33.8% {
                background: url("images/_0023_图层 15.jpg") 0 0 no-repeat;
            }
            36.4% {
                background: url("images/_0022_图层 16.jpg") 0 0 no-repeat;
            }
            39% {
                background: url("images/_0021_图层 17.jpg") 0 0 no-repeat;
            }
            41.6% {
                background: url("images/_0020_图层 18.jpg") 0 0 no-repeat;
            }
            44.2% {
                background: url("images/_0019_图层 19.jpg") 0 0 no-repeat;
            }
            46.8% {
                background: url("images/_0018_图层 20.jpg") 0 0 no-repeat;
            }
            49.4% {
                background: url("images/_0017_图层 21.jpg") 0 0 no-repeat;
            }
            52% {
                background: url("images/_0016_图层 22.jpg") 0 0 no-repeat;
            }
            54.6% {
                background: url("images/_0015_图层 23.jpg") 0 0 no-repeat;
            }
            57.2% {
                background: url("images/_0014_图层 24.jpg") 0 0 no-repeat;
            }
            59.8% {
                background: url("images/_0013_图层 25.jpg") 0 0 no-repeat;
            }
            62.4% {
                background: url("images/_0012_图层 26.jpg") 0 0 no-repeat;
            }
            65% {
                background: url("images/_0011_图层 27.jpg") 0 0 no-repeat;
            }
            67.6% {
                background: url("images/_0010_图层 28.jpg") 0 0 no-repeat;
            }
            70.2% {
                background: url("images/_0009_图层 29.jpg") 0 0 no-repeat;
            }
            72.8% {
                background: url("images/_0008_图层 30.jpg") 0 0 no-repeat;
            }
            75.4% {
                background: url("images/_0007_图层 31.jpg") 0 0 no-repeat;
            }
            78% {
                background: url("images/_0006_图层 32.jpg") 0 0 no-repeat;
            }
            80.6% {
                background: url("images/_0005_图层 33.jpg") 0 0 no-repeat;
            }
            83.2% {
                background: url("images/_0004_图层 34.jpg") 0 0 no-repeat;
            }
            85% {
                background: url("images/_0003_图层 35.jpg") 0 0 no-repeat;
            }
            90% {
                background: url("images/_0002_图层 36.jpg") 0 0 no-repeat;
            }
            100% {
                background: url("images/_0001_图层 37.jpg") 0 0 no-repeat;
            }

        }

        div:hover {
            animation-play-state: paused;
            animation-timing-function: step-start;
        }
    </style>
</head>
<body>
<div></div>
</body>
</html>